<template>
	<view class="tabs-container">
		<u-tabs :list="tabsList" :current="Number(tabsCurrent)" lineWidth="20" :scrollable="false" lineHeight="2"
			lineColor="#FF2D71" :itemStyle="{padding:'0 33rpx',height:'74rpx'}"
			:activeStyle="{color:'#FF2D71',fontWeight: 'bold',fontSize: '26rpx'}"
			:inactiveStyle="{color:'#2a2a2a',fontSize: '26rpx'}" @click="$emit('tabsChange',$event)">
		</u-tabs>
	</view>
</template>
<script>
	export default {
		name: "tabs",
		data() {
			return {};
		},
		// 此处定义传入的参数
		props: {
			// 当前选中
			tabsCurrent: {
				type: [Number, String],
				default: 0,
			},
			// 选项卡列表
			tabsList: {
				type: Array,
				default: (() => {
					return [];
				}),
			},
		},
		methods: {}
	}
</script>
<style lang="scss" scoped>
</style>